import React, {Component} from 'react';
import {StyleSheet, Text, View} from 'react-native';

export default class ListContent extends Component {
    render() {
        const {index, title, content, agreeNumber, commentNumber} = this.props
        return (
            <View key={index} style={style.container}>
                <View style={style.title}>
                    <Text>
                        {title}
                    </Text>
                </View>
                <View style={style.content}>
                    <Text>
                        {title}
                    </Text>
                </View>
                <View style={style.bottom}>
                    <Text>
                        {title}
                    </Text>
                </View>
            </View>
        )
    }

}


const style = StyleSheet.create({
    container: {
        flex: 1,
        paddingVertical: 60,
        borderBottomWidth: 2.5,
        alignItems: 'stretch',
        borderTopWidth: 2.5,
        borderColor: '#ddd',

    },
    title: {
        flex: 1,
        marginTop: 10
    },
    content: {
        flex: 2,
    },
    bottom: {
        flex: 1,
    }
})
